<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<link href="inc/bootstrap/css/bootstrap.css" media="all" rel="stylesheet" type="text/css"/>
<script src="inc/jquery-1.7.2.min.js"></script>
<script src="inc/jquery.json-2.3.js"></script>
<script src="inc/jstorage.js"></script>
<script src="inc/bootstrap/js/bootstrap.js"></script>
<script src="inc/underscore.js"></script>
<script src="inc/backbone.js"></script>

<script type="text/template" id="menu_template">
    <li class=""><a href="#${attributes.path}"></a>${attributes.name}</li>
</script>
</head>

<body>

<div class="container">

<div class="row">
  <div class="span8"><h1>TourBook</h1><span class="label label-info">Tour with a local</span></div>
  <div class="span4">
    <a href="">登录</a>
    
    <a href="">注册</a>
    
    <a href=""><img src="img/sina.png" /> 微博登录</a>
    
    <a href=""><img src="img/qq.png" /> QQ登录</a>
    
    <a href=""><img src="img/taobao.png" /> 淘宝登录</a>
  </div>
</div>

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">
      <ul class="nav">
        <li><a href="index.html">首 页</a></li>
        <li class="active"><a href="go.html">我要去</a></li>
        <li><a href="people.html">我要找导游</a></li>
        <li><a href="#">我的TourBook</a></li>
       </ul>
       <form class="navbar-search pull-left" action>
        <input type="text" class="search-query span3" placeholder="目的地/导游">
       </form>
    </div>
  </div>
</div>

<!--
<div class="row">
    <div class="span12">
        <ul class="breadcrumb">
            <li><a href="index.html">首 页</a> <span class="divider">/</span></li>
            <li class="active">我要去</li>
        </ul>
    </div>
</div>
-->

<div class="row">
    <div class="span3">
    <div style="border:1px solid #ddd; padding:10px 10px;margin-bottom:10px;">
      <div align="center"><img src="images/go/相册封面.jpg" width="200" height="200">
        </div>
      <h4 style="margin-bottom:10px;padding-top:5px; padding-bottom:5px;border-bottom:1px solid #ddd;">
    <a href="#">北京景点相册</a></h4>
    <p>
    <span style="color:#f90">1800</span>人去过&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#">我去过了</a>&nbsp;&nbsp;
    <a href="#">我想去</a>
    </p>
    </div>
    
    <div style="border:1px solid #ddd; padding:10px 10px; height:700px;">
    <div style="border-bottom:1px solid #ddd; margin-bottom:10px;">
    <h4 style="margin-bottom:10px;">明星导游</h4>
    </div>
      <p align="center"><img src="images/go/导游排行1.jpg" width="200" height="100"></p>
      <div style="float:left;text-align:left;"><a href="caleng.html">谭程明</a></div>
      <div style="float:right;text-align:right;">最抢手的导游</div>
      <p align="center"><img src="images/go/导游排行2.jpg" width="200" height="100"></p>
      <div style="float:left;text-align:left;"><a href="caleng.html">谭程明</a></div>
      <div style="float:right;text-align:right;">最抢手的导游</div>
      <p align="center"><img src="images/go/导游排行3.jpg" width="200" height="99"></p>
      <div style="float:left;text-align:left;"><a href="caleng.html">谭程明</a></div>
      <div style="float:right;text-align:right;">最抢手的导游</div>
      <p align="center"><img src="images/go/导游排行4.jpg" width="200" height="100"></p>
      <div style="float:left;text-align:left;"><a href="caleng.html">谭程明</a></div>
      <div style="float:right;text-align:right;">最抢手的导游</div>
      <p align="center"><img src="images/go/导游排行5.jpg" width="199" height="99"></p>
      <div style="float:left;text-align:left;"><a href="caleng.html">谭程明</a></div>
      <div style="float:right;text-align:right;">最抢手的导游</div>
    </div>
    </div>
    
    <div class="span9">
    <div style="float:left;color:#f90"><h2>北京</h2></div>
    <div style="float:right"><a href="go.html"><< 返回查看全国</a></div>
    
    <div style="clear:both">
    <p align="center"><img src="images/go/简介700.200.jpg" width="700" height="200"></p>
    <p>北京，中国第二大城市，中华人民共和国的首都和直辖市、中国国家中心城市，中国政治、文化和国际交流中心。北京位于华北平原北端，东南与北方经济中心天津相连，其余为河北省所环绕。北京有着3000余年的建城史和850余年的建都史，是“中国四大古都”之一，其最早见于文献的名称叫做“蓟”。北京荟萃了自元明清以来的中华文化，拥有众多名胜古迹和人文景观，是全球拥有世界文化遗产最多的城市。<a href="#">更多攻略...</a></p>
    <p>城市旅游标签：<span style="color:#f90;margin-right:10px;">古都</span><span style="color:#f90;margin-right:10px;">政治中心</span><span style="color:#f90;margin-right:10px;">天安门</span></p>
    </div>
    
    <div>
    <p align="center"><img src="images/go/地图700.500.jpg" width="700" height="500"></p>
    </div>
    
    <div class="span4">
    <div style="border-bottom:1px solid #ddd; margin-bottom:10px;">
    <h4 style="margin-bottom:10px;">特色美食</h4>
    </div>
    <ul class="thumbnails">
    <li class="span1">
    <div class="thumbnail">
      <img src="images/go/1.jpg" width="60" height="60">
      <p><a href="beijing.html">北京小肥羊</a></p>
    </div>
    </li>
    <li class="span1">
    <div class="thumbnail">
      <img src="images/go/2.jpg" width="60" height="60">
      <p><a href="beijing.html">北京小肥羊</a></p>
    </div>
    </li>
    <li class="span1">
    <div class="thumbnail"><img src="images/go/3.jpg" width="60" height="60">
      <p><a href="beijing.html">北京小肥羊</a></p>
    </div>
    </li>
    <li class="span1">
    <div class="thumbnail"><img src="images/go/景点2.jpg" width="120" height="80">
      <p><a href="beijing.html">北京小肥羊</a></p>
    </div>
    </li>
    </ul>
    </div>
    <div class="span4">
    <div style="border-bottom:1px solid #ddd; margin-bottom:10px;">
    <h4 style="margin-bottom:10px;">景区景点</h4>
    </div>
    <ul class="thumbnails">
    <li class="span1">
    <div class="thumbnail"><img src="images/go/景点1.jpg" width="120" height="80">
      <p><a href="beijing.html">故宫</a></p>
    </div>
    </li>
    <li class="span1">
    <div class="thumbnail">
      <img src="images/go/景点3.jpg" width="120" height="80">
      <p><a href="beijing.html">长城</a></p>
    </div>
    </li>
    <li class="span1">
    <div class="thumbnail"><img src="images/go/景点3.jpg" width="120" height="80">
      <p><a href="beijing.html">天安门</a></p>
    </div>
    </li>
    <li class="span1">
    <div class="thumbnail"><img src="images/go/3.jpg" width="60" height="60">
      <p><a href="beijing.html">颐和园</a></p>
    </div>
    </li>
    </ul>
    </div>
    </div>
    
    <div class="span12">&nbsp;</div>
</div>

<div class="row">
<div class="span12">
<ul class="breadcrumb">
  <li>
    <a href="#">关于我们</a> <span class="divider">|</span>
  </li>
  <li>
    <a href="#">联系我们</a> <span class="divider">|</span>
  </li>
  <li>
    <a href="#">商务合作</a> <span class="divider">|</span>
  </li>
  <li>
    <a href="#">友情链接</a>
  </li>
</ul>
</div>
<div class="span12">
&copy;TourBook 2012
</div>
</div>

</div>

<script src="src/index.js" type="text/javascript"></script>
</body>
</html>